<template>
  <div>
    <h1>这是一个子组件child</h1>
    <h2>来自父组件的数据{{ msgs }}</h2>
    <button @click="childHandler">调用父组件的事件 实现子传父</button>
    <button @click="postHello">传给兄弟组件helloworld</button>
  </div>
</template>

<script>
export default {
  props: ["msgs"],
  //最简单的用数组接受传来的数据 也可以写成对象

  props: {
    msgs: {
      type: String,
      //数据类型
      default: "1111",
      //默认值
      required: true,
      //必填的
    },
    msgs: String,
    //对对象形式的一个简写 只规定数据类型
  },
  data() {
    return {
      childMsg: "这是子组件child的数据",
    };
  },
  methods: {
    childHandler() {
      this.$emit("handler", this.childMsg);
    },
    postHello() {
      this.$bus.$emit("postHello", this.childMsg);
    },
  },
  created() {},
  mounted() {},
  components: {},
  computed: {},
  watch: {},
};
</script>

<style lang="scss" scoped></style>
